import { Toast } from 'vant';
import axios from 'axios';
import storage from '../store';

// 创建 axios 实例
const request = axios.create({
  // API 请求的默认前缀
  baseURL: window.BaseUrl,
  timeout: 10000, // 请求超时时间
});

// 异常拦截处理器
const errorHandler = (error) => {
  const status = error?.response?.status
  switch (status) {
    /* eslint-disable no-param-reassign */
    case 400: error.message = '请求错误'; break;
    case 401: error.message = '未授权，请登录'; break;
    case 403: error.message = '拒绝访问'; break;
    case 404: error.message = `请求地址出错: ${error.response.config.url}`; break;
    case 408: error.message = '请求超时'; break;
    case 500: error.message = '服务器内部错误'; break;
    case 501: error.message = '服务未实现'; break;
    case 502: error.message = '网关错误'; break;
    case 503: error.message = '服务不可用'; break;
    case 504: error.message = '网关超时'; break;
    case 505: error.message = 'HTTP版本不受支持'; break;
    default: break;
    /* eslint-disabled */
  }
  return Promise.reject(error);
};

// 请求拦截
request.interceptors.request.use((config) => {
  if(config.skip) return config;
  // eslint-disable-next-line no-param-reassign
  config.headers.token = storage.state.token ? storage.state.token : null
  return config;
}, errorHandler);

// 响应拦截
request.interceptors.response.use((response) => {
  const dataAxios = response.data;
  // 这个状态码是和后端约定的
  const { code, message } = dataAxios;
  // 根据 code 进行判断
  if (code === undefined) {
    // 如果没有 code 代表这不是项目后端开发的接口
    return dataAxios;
    // eslint-disable-next-line no-else-return
  } else {
    // 有 code 代表这是一个后端接口 可以进行进一步的判断
    switch (code) {
      case 0:
      case '0':
        return dataAxios;
      default:
        Toast.fail(message)
        return null;
    }
  }
}, errorHandler);

export default request;